﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Celestial Home - Extracting every detail of your dream</title>
    <link rel="Stylesheet" type="text/css" href="css/master.css" />
    <link rel="Stylesheet" type="text/css" href="css/forms.css" />
    <link rel="Stylesheet" type="text/css" href="css/manager.css" />

    <script type="text/javascript" src="javascripts/helpers.js"></script>
    <script type="text/javascript" src="javascripts/login.js"></script>
    <script type="text/javascript"> window.onload = checkLogin;</script>
</head>
<body>

<script type="text/javascript" src="Javascripts/helpers.js"></script>
<script type="text/javascript" src="Javascripts/login.js"></script>
<script type="text/javascript" src="Javascripts/customers.js"></script>

<div id="divTitle">
<div id="divCustMenu">
<img src="images/user.png" alt="user" /><a id="aLogout" href="javascript:logout('login.html')">Logout</a><a id="aLogin" href="login.html">Login</a> |
<img src="images/cart.png" alt="cart" /><a href="construct.html">My Cart</a> | 
<img src="images/checkout.png" alt="checkout" /><a href="construct.html">Checkout</a>
</div>

<div id="divWelcome">Welcome</div>
</div>
<!-- Navigation Bar - common for all pages -->
<div id="divNavBar">
<ul>

<li><img src="images/home.png" alt="home"/><a href="index.html"> Home</a></li>

<li><img src="images/briefcase.png" alt="home"/><a href="about.html"> About Us</a></li>

<li><img src="images/chair.png" alt="home"/><a href="construct.html"> Products</a>
    <ul>
    <li><a href="construct.html">Bed Room</a>
        <ul>
        <li><a href="construct.html">Beds</a></li>
        <li><a href="construct.html">Cupboards</a></li>
        </ul>
    </li>
    <li><a href="construct.html">Dining Room</a>
        <ul>
        <li><a href="construct.html">Chairs</a></li>
         <li><a href="construct.html">Dining Tables</a></li>
        <li><a href="construct.html">Dining Table Sets</a></li>
        </ul>
    </li>
        
    <li><a href="construct.html">Living Room</a>
        <ul>
        <li><a href="construct.html">Coffee Tables</a></li>
        <li><a href="construct.html">Sofa</a></li>
        <li><a href="construct.html">Sofa Sets</a></li>
        <li><a href="construct.html">TV Cabinets</a></li>
        </ul>
    </li>
    <li><a href="construct.html">Study Room</a>
        <ul>
        <li><a href="construct.html">Desks</a></li>
        <li><a href="construct.html">Book Shelves</a></li>
        </ul>
    </li>
    </ul>
</li> <!--ends Products menu-->

<li><img src="images/design.png" alt="home"/><a href="construct.html"> Design</a>
    <ul>
    <li><a href="construct.html">Cupboard</a></li>
    <li><a href="construct.html">Home Theatre</a></li>
    </ul>
</li> <!--ends design menu-->
<li><img src="images/earth.png" alt="home"/><a href="construct.html"> Support</a>
    <ul>
    <li ><a href="construct.html">Contact Us</a></li>
    <li><a href="construct.html">Track Your Order</a></li>
    <li><a href="construct.html">Your Account</a></li>
    </ul>
</li> <!--ends support menu-->

<li id="lstManager"><img src="images/manager_tasks.png" alt="manager tasks" /><a href="customers.html"> Manager Tasks</a></li>
       
</ul>  <!--ends navigation menu-->
</div> <!--ends navigation division-->  

<div id="divManagerNav">
<ul>
<li><a href="customers.html">Customers</a></li>
<li><a href="inventory.html">Inventory</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="orders.html">Orders</a></li>
<li><a href="Employees.html">Employees</a></li>
</ul>
</div> <!-- ends divManagerNav-->

<div class="divFormsWrap">

<form id="frmSearchCust" action="#">

<fieldset id="fsetSearchCust"><legend>Search Employees</legend>
<label>Search For:</label><input class="ipBoxes" type="text" /><br />
<label>Search Field:</label>
    <select name="cbSearchBy" class="ipBoxes">
        <option>Employee ID</option>
        <option>First Name only</option>
        <option>Last Name only</option>
        <option>First Name and Last Name</option>
        <option>All Fields</option>
    </select>
<input type="button" class="ipInline" value="Search" name="btnSearch" onclick="javascript:searchCustomers()"/><br /><br />
<a>Search Results</a> | <a>Added Today</a><br /><br />

<!--build table here-->
<table id="tblEmployees" frame="below">
    <thead class="trHeader">
        <tr >
            <th></th>
            <th></th>
            <th>ID</th>
            <th>Full Name</th>
            <th>Contact</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><input type="checkbox" /></td>
            <td><input type="button" value="Edit"/></td>
            <td>1000</td>
            <td>Hua Seng Chan</td>
            <td>9730 7364</td>
            <td>chseng.acad@gmail.com</td>
        </tr>
        <tr>
            <td><input type="checkbox" /></td>
            <td><input type="button" value="Edit"/></td>
            <td>1000</td>
            <td>Hua Seng Chan</td>
            <td>9730 7364</td>
            <td>chseng.acad@gmail.com</td>
        </tr>
        <tr>
            <td><input type="checkbox" /></td>
            <td><input type="button" value="Edit"/></td>
            <td>1000</td>
            <td>Hua Seng Chan</td>
            <td>9730 7364</td>
            <td>chseng.acad@gmail.com</td>
        </tr>
    </tbody>

</table>

</fieldset>
</form>

<form id="frmCustDetails" action="#">
<fieldset id="fsetCustDetails"><legend>Employee Details</legend>
<label>Employee ID:</label><input type="text" /><br />
<label>Employed On:</label><input type="text" /> <a>Select date</a><br /><br />
<label>Username:</label><input type="text" /><br />
<label>Password:</label><input type="password" class="ipPassword" disabled="disabled"/> <a>Change</a><br /><br />

<label>First Name:</label><input type="text" /><br />   
<label>Last Name:</label><input type="text" /><br />
<label>DOB:</label><input type="text" /> <a>Select date</a><br />
<label>Contact:</label><input type="text" /><br />
<label>Email:</label><input type="text" class="ipLong"/><br />
<label>Address Line 1:</label><input type="text" class="ipLong"/><br />
<label>Address Line 2:</label><input type="text" class="ipLong"/><br />
<label>Postal Code:</label><input type="text" /><br /><br />
<input type="submit" value="Save"/>
<input class="ipInline" type="submit" value="Add" />
<input class="ipInline" type="reset" value="Reset" />

</fieldset>
</form>

</div> <!--ends main section -->

</div>

<div id="divFooter">
&#169 Copyright 2010 Celestial Home
    <div id="divFooterRight"> Site Design by Dream Architect</div>
</div>


</body>
</html>
